<!--局部组件-->
<script setup lang="ts">

</script>

<template>
<div class="card">
  <header>
    <div>标题</div>
    <div>副标题</div>
  </header>
  <section>
    内容
  </section>
</div>
</template>

<style scoped lang="scss">
.card{
  border: 1px solid #ccc;
  width: 400px;
  header{
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border-bottom: 1px solid #ccc;
  }
  section{
    padding: 5px;
    min-height: 300px;
  }
}
</style>